<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>vue3 实例</title>
  <script src="js/vue/3.2.36/vue.global.min.js"></script>
</head>

<body>
  <div id="hello-vue">
    <ul>
      <li v-for="item in items" :key="item.id">{{item.id}}. {{ item.name }}</li>
    </ul>
  </div>

  <script>
    const HelloVueApp = {
      data() {
        return {
          items: [
            { id: 1, name: 'Vue 3' },
            { id: 2, name: 'JavaScript' },
            { id: 3, name: 'HTML' }
          ]
        };
      }
    }

    Vue.createApp(HelloVueApp).mount('#hello-vue')
  </script>
</body>

</html>